<!DOCTYPE HTML>
<html>
<head>
  
<!-- zui -->
<link href="__PUBLIC__/zui/css/zui.css" rel="stylesheet">
<link href="__PUBLIC__/css/core.css" rel="stylesheet"/>
<link href="__PUBLIC__/zui/css/zui-theme.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="__PUBLIC__/js/ext/magnific/magnific-popup.css"/>
<!--<script src="__PUBLIC__/js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/com/com.functions.js"></script>

<script type="text/javascript" src="__PUBLIC__/js/core.js"></script>-->
<script src="__PUBLIC__/js.php?f=js/jquery-2.0.3.min.js,js/com/com.functions.js,js/core.js"></script>

<block name="style"><!--Style--></block>
<!--合并前的js-->
<include file="Public/var"/>

<!-- Bootstrap库 -->
<!--
<php>$js[]=urlencode('/static/bootstrap/js/bootstrap.min.js');</php>

&lt;!&ndash; 其他库 &ndash;&gt;
<script src="__STATIC__/qtip/jquery.qtip.js"></script>
<script type="text/javascript" src="__PUBLIC__/Core/js/ext/slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="__STATIC__/jquery.iframe-transport.js"></script>
-->
<!--CNZZ广告管家，可自行更改-->
<!--<script type='text/javascript' src='http://js.adm.cnzz.net/js/abase.js'></script>-->
<!--CNZZ广告管家，可自行更改end-->
<!-- 自定义js -->
<!--<script src="__PUBLIC__/js.php?get={:implode(',',$js)}"></script>-->


<script>
    //全局内容的定义
    var _ROOT_ = "__ROOT__";
    var  MID   = 1;
    var MODULE_NAME="<php>echo GROUP_NAME;</php>";
    var ACTION_NAME="<php>echo ACTION_NAME;</php>";
</script>
</head>
<body>
<!-- 头部 -->
<!-- /头部 -->

<!-- 主体 -->
<div id="main-container" class="container">
    <div class="row">
        <section>
            <div class="col-xs-9 login" style="background: #ffffff">
                <div data-role="login_info"></div>
					<div class="col-md-6 col-xs-12 lg_left">
					    <div class="col-xs-12">
					        <div class="col-xs-12  lg_lf_top">
					            <h2>欢迎回到 <eq name="login_type" value="login"><a href="http://{:$_SERVER['HTTP_HOST']}__ROOT__" title="进入首页">{:C('WEB_SITE_NAME','OpenSNS开源社交系统','Config')}</a><else/>{:C('WEB_SITE_NAME','OpenSNS开源社交系统','Config')}</eq> ！</h2>
					        </div>
					        <div class="clearfix"></div>
					        <form action="__SELF__" method="post" class="lg_lf_form ">
					            <div class="row">
					                <div class="form-group">
					                    <label for="inputEmail" class=".sr-only col-xs-12"></label>

					                    <div class="col-xs-12">

					                        <input type="text" id="inputEmail" class="form-control" placeholder="请输入{$ph}"
					                               ajaxurl="/member/checkUserNameUnique.html" errormsg="请填写4-32位用户名"
					                               nullmsg="请填写用户名"
					                               datatype="*4-32" value="" name="username" autocomplete="off">
					                    </div>
					                    <div class="clearfix"></div>
					                </div>
					                <div class="form-group">
					                    <label for="inputPassword" class=".sr-only col-xs-12"></label>

					                    <div class="col-xs-12">
					                        <div id="password_block" class="input-group">
					                            <input type="password" id="inputPassword" class="form-control"
					                                   placeholder="请输入密码"
					                                   errormsg="密码为6-30位" nullmsg="请填写密码" datatype="*6-30" name="password">

					                            <div class="input-group-addon"><a style="width: 100%;height: 100%"
					                                                              href="javascript:void(0);"
					                                                              onclick="change_show(this)">show</a></div>
					                        </div>
					                    </div>

					                    <div class="clearfix"></div>
					                </div>
					                <if condition="check_verify_open('login')">
					                    <div class="form-group">
					                        <label for="verifyCode" class=".sr-only col-xs-12"
					                               style="display: none"></label>

					                        <div class="col-xs-12 col-md-5 col-xs-offset-1">
					                            <input type="text" id="verifyCode" class="form-control" placeholder="验证码"
					                                   errormsg="请填写验证码" nullmsg="请填写验证码" datatype="*5-5" name="verify">
					                        </div>
					                        <div class="col-xs-12 col-md-6 lg_lf_fm_verify">
					                            <img class="verifyimg reloadverify  " alt="点击切换" src="{:U('verify')}"
					                                 style="cursor:pointer;max-width: 100%">
					                        </div>
					                        <div class="col-xs-12 Validform_checktip text-warning lg_lf_fm_tip col-xs-offset-1"></div>
					                        <div class="clearfix"></div>
					                    </div>
					                </if>
					                <div class="clearfix form-group">
					                    <div class="col-xs-6">
					                        <label>
					                            <input type="checkbox" name="remember" value="1" style="cursor:pointer;">
					                            记住登录
					                        </label>
					                    </div>
					                    <div class="col-xs-6 text-right">
					                        <div class="with-padding"><a class="" href="{:U('Member/mi')}"
					                                                     style="color: #848484;font-size: 12px;">忘记密码？</a>
					                        </div>
					                    </div>
					                </div>
					            </div>


					            <div class="form-group">
					                <button type="submit" class="btn btn-block btn-primary">登 录</button>
					            </div>


					        </form>
					    </div>
					    <div class="hidden-xs hidden-sm lg_center"></div>
					</div>

					<div class="col-md-6 col-xs-12">

					    <div class="hidden-xs hidden-sm" style="margin: 21px 0 16px 40px;">

					        <h2>没有账号？</h2>
					        <php>
					            $register_type=C('REGISTER_TYPE','normal','Invite');
					            $register_type=explode(',',$register_type);
					            if(in_array('invite',$register_type)&&!in_array('normal',$register_type)){
					        </php>
					        <php>if(check_reg_type('username')){</php>
					            <a data-type="ajax" data-url="{:U('Ucenter/Member/inCode',array('type'=>'username'))}" data-title="邀请用户才能注册！" data-toggle="modal"
					               class="btn btn-block btn-danger btn-lg">用户名注册</a>
					            <php>}</php>
					            <php>if(check_reg_type('email')){</php>
					            <a data-type="ajax" data-url="{:U('Ucenter/Member/inCode',array('type'=>'email'))}" data-title="邀请用户才能注册！" data-toggle="modal"
					               class="btn btn-block btn-primary btn-lg">邮箱注册</a>
					            <php>}</php>
					            <php>if(check_reg_type('mobile')){</php>
					            <a data-type="ajax" data-url="{:U('Ucenter/Member/inCode',array('type'=>'mobile'))}" data-title="邀请用户才能注册！" data-toggle="modal"
					               class="btn btn-block btn-success btn-lg">手机号注册</a>
					            <php>}</php>
					        <php>}else{</php>
					            <php>if(check_reg_type('username')){</php>
					            <a href="{:U('ucenter/member/register',array('type'=>'username'))}"
					               class="btn btn-block btn-danger btn-lg">用户名注册</a>
					            <php>}</php>
					            <php>if(check_reg_type('email')){</php>
					            <a href="{:U('ucenter/member/register',array('type'=>'email'))}"
					               class="btn btn-block btn-primary btn-lg">邮箱注册</a>
					            <php>}</php>
					            <php>if(check_reg_type('mobile')){</php>
					            <a href="{:U('ucenter/member/register',array('type'=>'mobile'))}"
					               class="btn btn-block btn-success btn-lg">手机号注册</a>
					            <php>}</php>
					        <php>}</php>
					    </div>

					    <div style="margin-top: 20px;">
					    </div>
					</div>

					<div class="clearfix"></div>

<script type="text/javascript">
var toast = {
    /**
     * 成功提示
     * @param text 内容
     * @param title 标题
     */
    success: function (text) {
       $.messager.show(text, {placement: 'bottom',type:'success'});
    },
    /**
     * 失败提示
     * @param text 内容
     * @param title 标题
     */
    error: function (text) {
       $.messager.show(text, {placement: 'bottom',type:'error'});
    },
    /**
     * 信息提示
     * @param text 内容
     * @param title 标题
     */
    info: function (text) {
        $.messager.show(text, {placement: 'bottom',type:'info'});
    },
    /**
     * 警告提示
     * @param text 内容
     * @param title 标题
     */
    warning: function (text, title) {
        $.messager.show(text, {placement: 'bottom',type:'warning'});
    },

    /**
     *  显示loading
     * @param text
     */
    showLoading: function () {
        $('body').append('<div class="big_loading"><img src="__PUBLIC__/images/big_loading.gif"/></div>');
    },
    /**
     * 隐藏loading
     * @param text
     */
    hideLoading: function () {
        $('div').remove('.big_loading');
    }
}
</script>
					<script type="text/javascript">
					    var quickLogin = "{$login_type}";
					    $(document)
					            .ajaxStart(function () {
					                $("button:submit").addClass("log-in").attr("disabled", true);
					            })
					            .ajaxStop(function () {
					                $("button:submit").removeClass("log-in").attr("disabled", false);
					            });

					    function change_show(obj) {
					        if ($(obj).text().trim() == 'show') {
					            var value = $('#inputPassword').val().trim();
					            var html = '<input type="text" value="' + value + '" id="inputPassword" class="form-control" placeholder="请输入密码" errormsg="密码为6-30位" nullmsg="请填写密码" datatype="*6-30" name="password">' +
					                    '<div class="input-group-addon"><a style="width: 100%;height: 100%" href="javascript:void(0);" onclick="change_show(this)">hide</a></div>';
					            $('#password_block').html(html);
					        } else {
					            var value = $('#inputPassword').val().trim();
					            var html = '<input type="password" value="' + value + '" id="inputPassword" class="form-control" placeholder="请输入密码" errormsg="密码为6-30位" nullmsg="请填写密码" datatype="*6-30" name="password">' +
					                    '<div class="input-group-addon"><a style="width: 100%;height: 100%" href="javascript:void(0);" onclick="change_show(this)">show</a></div>';
					            $('#password_block').html(html);
					        }
					    }

					    $(function () {
					    	toast.showLoading();
					        $("form").submit(function () {
					            toast.showLoading();
					            var self = $(this);
					            $.post(self.attr("action"), self.serialize(), success, "json");
					            return false;
					            function success(data) {
					                if (data.status) {
					                    if (data.url==undefined&&quickLogin == "quickLogin") {
					                        $('[data-role="login_info"]').append(data.info);
					                        toast.success('欢迎回来。', '温馨提示');
					                        setTimeout(function () {
					                            window.location.reload();
					                        }, 1500);
					                    } else {
					                        $('body').append(data.info);
					                        toast.success('欢迎回来，页面正在跳转，请稍候。', '温馨提示');
					                        setTimeout(function () {
					                            window.location.href = data.url;
					                        }, 1500);
					                    }
					                } else {
					                    toast.error(data.info, '温馨提示');
					                    //self.find(".Validform_checktip").text(data.info);
					                    //刷新验证码
					                    $(".reloadverify").click();
					                }
					                toast.hideLoading();
					            }
					        });
					        var verifyimg = $(".verifyimg").attr("src");
					        $(".reloadverify").click(function () {
					            if (verifyimg.indexOf('?') > 0) {
					                $(".verifyimg").attr("src", verifyimg + '&random=' + Math.random());
					            } else {
					                $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/, '') + '?' + Math.random());
					            }
					        });
					    });
					</script>
            </div>


        </section>
    </div>
</div>
<include file="Common/Public/js"/>
<!-- /主体 -->
<link type="text/css" rel="stylesheet" href="/opencenter/Public/static/qtip/jquery.qtip.css"/>
<link type="text/css" rel="stylesheet" href="/opencenter/Public/js/ext/atwho/atwho.css"/>

<script src="/opencenter/Public/js.php?t=js&f=js/com/com.notify.class.js,static/qtip/jquery.qtip.js,js/ext/slimscroll/jquery.slimscroll.min.js,js/ext/magnific/jquery.magnific-popup.min.js,js/ext/placeholder/placeholder.js,js/ext/atwho/atwho.js,zui/js/zui.js&v=.js"></script>
<script type="text/javascript" src="/opencenter/Public/static/jquery.iframe-transport.js"></script>

<script type="text/javascript" charset="utf-8" src="/opencenter/Public/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" type="text/css" href="/opencenter/Public/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"/>

<!-- 底部 -->
<!-- /底部 -->
</body>
</html>